﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="HandMade_Q4T_.Pages.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="Content_Operate">
        <!-- New product -->
        <div class="title_newproduct">
            <!-- Title new product -->
            <div class="title_text">NEW PRODUCT</div>
            <div class="arrange">
                <span>Sắp xếp: </span>
                <span><input type="text" list="list_arrange" id="txt_arrange" value="Tăng Dần"/></span>
                <datalist id="list_arrange">
                    <option value="Tăng Dần"></option>
                    <option value="Giảm Dần"></option>
                </datalist>
            </div>
            <div class="menu_type">
                <img alt="" src="../Resource/Images/Button/button_grid.png" id="btn_grid"/>
                <img alt="" src="../Resource/Images/Button/button_list.png" id="btn_list"/>
            </div>
        </div>
        <!-- End Title new product -->
        <div id="Body_Content">
            <div id="Categori_Service">
                <!-- Vertical categori and service  -->
                <div id="Categori">
                    <!-- Vertical categori -->
                    <div class="Title_categori">
                        <!-- Title categori -->
                        CATEGORI
                    </div>
                    <!-- End title categori -->
                    <div class="List_categori">
                        <ul>
                            <!-- List categori -->
                            <asp:Repeater ID="rpt_category" runat="server">
                                <ItemTemplate>
                                    <li>
                                        <asp:HyperLink ID="HyperLink1" runat="server" Text='<%#Eval("tenloai") %>'></asp:HyperLink>
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <!-- End list categori -->
                    <div class="Title_service">
                        <!-- Title SERVICE -->
                        SERVICE
                    </div>
                    <!-- End title SERVICE -->
                    <div class="List_service">
                        <!-- List service -->
                        <asp:ImageButton Width="250" Height="100" ID="Papal" runat="server" ImageUrl="~/Resource/Images/Button/paypal.png" />
                        <asp:ImageButton Width="250" Height="100" ID="Nganluong" runat="server" ImageUrl="~/Resource/Images/Button/nganluong.png" />
                    </div>
                    <!-- End list service -->
                </div>
                <!-- Vertical categori -->
            </div>
            <!-- End vertical categori and service  -->
            <!-- Content change and Categori -->
            <div id="Content_Change">
                <!-- Content will change hear -->
                <div id="List_New_Product">
                    <asp:Repeater ID="rpt_newProducts" runat="server">
                        <ItemTemplate>
                            <div class="product">
                                <div id="info_more">
                                    <div id="masp"><%#Eval("masp") %></div>
                                    <div id="loai"><%#Eval("tenloai") %></div>
                                    <div id="chatlieu"><%#Eval("tencl") %></div>
                                    <div id="nhacc"><%#Eval("tenncc") %></div>
                                    <div id="soluotxem"><%#Eval("solanxem") %></div>
                                    <div id="ngaycapnhat"><%#Eval("ngaycapnhat") %></div>
                                </div>
                                <asp:HyperLink ID="hpl_product" runat="server">
                                    <div class="img_product">
                                        <div class="description">
                                            <p><%#Eval("mota")%></p>
                                        </div>
                                        <asp:Image ID="img_hinhsp" CssClass="image_product" runat="server" ImageUrl='<%#"~/Resource/ImageProducts/" + Eval("tenloai") + "/" + Eval("hinhsp") %>' />
                                    </div>
                                    <div class="describe">
                                        <div class="Name_cost">
                                            <div class="name"><%#Eval("tensp")%></div>
                                            <div><span class="cost"><%#Eval("dongia")%></span><span>đ</span></div>
                                        </div>
                                        <input type="button" id="btn_muahang" class="button_mua" value="Mua">
                                    </div>
                                </asp:HyperLink>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                    <img id="loading" src="../Resource/Images/Icon%20control/ajax-loading.gif" />
                </div>
                <div id="List_Hot_Product">
                </div>
                <div id="Content_About">
                    <div class="About_us">
                        <div class="Name_company">CÔNG TY TNHH HANDMADE</div>
                        <br />
                        <div class="Text_about_us">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
                            aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
                            labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
                            nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
                        </div>
                    </div>
                </div>
                <div id="Login">
                    <div class="Content_login">
                        <div class="Name_company">CÔNG TY TNHH HANDMADE</div>
                        <br />
                        <div class="Info_login">
                            <div class="Frame_info">
                                <div class="tr_info">
                                    <div class="td_info">Tên Đăng Nhập:</div>
                                    <div class="td_info">
                                        <input id="txt_tendangnhap" class="input" placeholder="Nhập ID của bạn" type="text" required="required" autofocus="autofocus" /></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">PassWord:</div>
                                    <div class="td_info">
                                        <input id="txt_matkhau" class="input" placeholder="Nhập Pass của bạn" type="password" required="required" /></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">
                                        <input id="cbox_remember" type="checkbox" /></div>
                                    <div class="td_info"><span>lưu mật khẩu</span> </div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info"></div>
                                    <div class="td_info">
                                        <input id="btn_dangnhap" class="button_login" type="submit" value="Đăng Nhập" /></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info"></div>
                                    <div class="td_info"><a id="link_dangki">bạn chưa đăng kí?...</a></div>                                   
                                </div>
                                <div class="tr_info">
                                    <div class="notice_dn"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="Register">
                    <div class="Content_register">
                        <div class="Name_company">CÔNG TY TNHH HANDMADE</div>
                        <br />
                        <div class="Info_register">
                            <div class="Frame_info">
                                <div class="tr_info">
                                    <div class="notice_dk"></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Họ Tên:</div>
                                    <div class="td_info">
                                        <input id="txt_hoten" title="Điền vào họ tên của bạn" class="input" placeholder="Nhập họ tên của bạn" type="text" required="required" autofocus="autofocus" /></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Tên Đăng Nhập:</div>
                                    <div class="td_info">
                                        <input id="txt_user" title="Điền vào tên đăng nhập mà bạn muốn sử dụng" class="input" placeholder="Nhập ID của bạn"  maxlength="30" type="text" required="required" />
                                    </div>
                                    <div class="td_info" id="notice_check_user"></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">PassWord:</div>
                                    <div class="td_info"><input title="Password phải bao gồm kí tự hoa, chữ số va kí tự đặc biệt" id="txt_pass" name="pwd1"   class="input" placeholder="Nhập Pass của bạn" type="password" required="required" /></div>
                                    <div class="td_info" id="level_pass"></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Nhập Lại PassWord:</div>
                                    <div class="td_info"><input id="txt_checkpass" title="Xác nhận lại password" class="input" placeholder="Nhập Pass của bạn" type="password" required="required" name="pwd2" onchange="form.pwd1.pattern = this.value;" /></div>
                                     <div class="td_info" id="notice_confirm_pass"></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Email:</div>
                                    <div class="td_info">
                                        <input id="txt_email" class="input" title="Điền email của bạn" type="email" placeholder="xxxxxx@gmail.com" required="required" /></div>
                                     <div class="td_info" id="notice_check_mail"></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Giới Tính:</div>
                                    <div class="td_info"><input id="rdb_nam" checked="checked" type="radio" name="gioitinh" value="nam"/> Nam&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input id="rdb_nu" name="gioitinh" type="radio" value="nu"/> Nữ</div>                           
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Địa Chỉ:</div>
                                    <div class="td_info"><textarea  id="txt_diachi" title="Điền địa chỉ bạn đang cư trú" class="input" rows="3" placeholder="Địa chỉ" required="required"></textarea></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info">Số Điện Thoại:</div>
                                    <div class="td_info">
                                        <input id="txt_sodienthoai" class="input" title="Điền số điện thoại của bạn" type="tel" placeholder="Nhập số điện thoại của bạn" required="required" /></div>
                                </div>
                                <div class="tr_info">
                                    <div class="td_info"></div>
                                    <div class="td_info"><input id="btn_dangki" class="button_login" type="submit" /></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Details Product -->
                <div id="Details_product">
                    <div class="Frame_Details">
                        <div id="Name_product"><span class="id"></span>-<span class="name"></span></div>
                        <div class="Info_Details">
                            <div class="img_details">
                                <img id="img_hinhsp" width="400" height="350" alt="No Image" src="" /></div>
                            <div id="Table_and_service">
                                <div class="Details_table">
                                    <div class="tr_details">
                                        <div class="td_details">
                                            <strong>Mô tả:</strong>&nbsp;<span id="text_description"></span>
                                        </div>
                                    </div>
                                    <div class="tr_details">
                                        <div class="td_details">
                                            <strong>Loại:</strong>&nbsp;<span id="text_type"></span>
                                        </div>
                                    </div>
                                    <div class="tr_details">
                                        <div class="td_details">
                                            <strong>Chất liệu:</strong>&nbsp;<span id="text_material"></span>
                                        </div>
                                    </div>
                                    <div class="tr_details">
                                        <div class="td_details">
                                            <strong>Nhà cung cấp: </strong>&nbsp;<span id="text_provider"></span>
                                        </div>
                                    </div>
                                    <div class="tr_details">
                                        <div class="td_details">
                                            <strong>Giá:</strong>&nbsp;<span id="text_cost"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="service_orther">
                                    <div class="td">
                                        <asp:ImageButton runat="server" ID="imgbtn_cart" ImageUrl="~/Resource/Images/Icon control/cart.png"></asp:ImageButton>
                                    </div>
                                    <div class="td">
                                        <input id="btn_mua" class="button_mua" type="button" value="Mua" />
                                    </div>
                                    <div class="td">
                                        <span>Views:</span>
                                        <span id="text_views"></span>
                                    </div>
                                </div>
                                <div class="ngaycapnhat">
                                    <span>Cập nhật ngày:</span>
                                    <span id="text_date"></span>
                                </div>
                            </div>
                        </div>
                        <div class="title_slite_product">
                            <div class="content_title">Sản Phẩm Liên Quan</div>
                        </div>
                        <div class="slite_product_same">
                            <div class="button_preview">
                                <img alt="" src="../Resource/Images/Button/preview.png" /></div>
                            <div class="list_product_same">
                                <div class="fram_list"></div>
                            </div>
                            <div class="button_next">
                                <img alt="" src="../Resource/Images/Button/next.png" /></div>
                        </div>
                        <div class="title_slite_product">
                            <div class="content_title">Sản Phẩm Hot</div>
                        </div>
                        <div class="slite_product_hot">
                            <div class="button_preview">
                                <img alt="" src="../Resource/Images/Button/preview.png" /></div>
                            <div class="list_product_same">
                                <div class="fram_list"></div>
                            </div>
                            <div  class="button_next">
                                <img alt="" src="../Resource/Images/Button/next.png" /></div>
                        </div>
                    </div>
                    
                    <div id="Comment">
                        <div class="title_comments">Ý kiến khách hàng</div>
                        <div id="Show_comment"><!-- Show all comments from all client -->
                                                     
                        </div>
                        <div class="title_comments">Your Comment</div>
                        <div class="Info_client">
                            <div><input id="Name_client" type="text" class="txt_info" placeholder="Your Name" required="required"/></div>
                            <div><input id="Email_client" type="email" class="txt_info" placeholder="Your Email" required="required"/></div>
                        </div>
                        <div id="Comment_text">
                            <div><textarea id="Area_comment" placeholder="Ý kiến đánh giá của bạn về sản phẩm"></textarea></div>
                            <div><input type="submit"  id="btn_submit_comment" value="Submit"/></div>
                        </div>
                    </div>
                </div>
                <!-- End Details Product -->
                <!-- Cart -->
                <div id="Cart_content">
                    <div class="Name_company">CÔNG TY TNHH HANDMADE</div>
                    <br />
                    <div id="title_yourcart">Giỏ hàng của bạn ... *.*!</div>
                    <div class="tab_your_cart">                        
                    </div>
                    <div class="payment">
                        <div class="text_total">Tổng tiền:</div>
                        <div class="all_money"></div>
                        <div><input id="pay" type="button" value="Thanh toán nhé ^^!" /></div>
                    </div>
                    <!--Form thanh toán-->
                    <div id="paymentForm">
                        <input type="button" id="btnThanhtoan" value="Thanh toán" />                    
                        <div id="payment_form">
                            <fieldset>
                                <legend>Thanh toán</legend>
                                <div class="text">Tên người nhận:</div>
                                <div class="input_cart">
                                    <input runat="server" id="txtTennguoinhan" class="txtTennguoinhan" type="text" placeholder="Tên người nhận" />
                                </div>
                                <div  class="text">Địa chỉ nhận:</div>
                                <div class="input_cart">
                                    <input runat="server" id="txtDiachinhan" class="txtDiachinhan" type="text" placeholder="Địa chỉ nhận hàng" />
                                </div>
                                <div  class="text">Điện thoại liên hệ:</div>
                                <div class="input_cart">
                                    <input runat="server" id="txtDienthoai" class="txtDienthoai" type="text" placeholder="Điện thoại liên hệ" />
                                </div >
                                <div  class="text">Ngày giao hàng:</div>
                                <div class="input_cart">
                                    <asp:TextBox ID="txtDate" runat="server" ReadOnly="true" />
                                </div>
                                <input type="hidden" runat="server" id="hiddenDate" />

                                <div id="htgiaohang">
                                    <fieldset>
                                        <legend>Hình thức giao hàng: </legend>
                                        <input type="radio" id="rdb1" class="checkbox" name="giaohang" checked="checked" />Trực tiếp<br />
                                        <input type="radio" id="rdb2" class="checkbox" name="giaohang" />Tận nơi
                                    </fieldset>
                                </div>
                                <br />

                                <!--Hình thức thanh toán -->
                                <div id="payment_type">
                                    <input type="radio" id="rdbt1" class="checkbox1" name="thanhtoan" />Thanh toán Ngân Lượng<br />
                                    <input type="radio" id="rdbt2" class="checkbox1" name="thanhtoan" checked="checked" />Thanh toán trực tiếp
                                </div>
                                <!--end-->
                            </fieldset>
                            <input id="inp_getdate" runat="server" type="button" value="Get Date" /> <!--onserverclick="getdate_ServerClick"-->
                        </div>                    
                    </div>
                </div>
                <!-- End Cart -->
                <!-- End content will change hear -->
            </div>
        </div>
        <!-- End Content change and Categori -->
    </div>
    <!-- End -->
</asp:Content>